﻿@{
    ViewBag.Title = "Contact";
}

    <!-- **Breadcrumb** -->
    <div class="breadcrumb">
    	<div class="breadcrumb-bg">
            <div class="container">
                <a href="" title=""> Home </a>
                <span class="arrow"> </span>
                <span class="current-crumb"> Contact us </span>
            </div> 
        </div>
    </div> <!-- **Breadcrumb - End** -->
    
    <!-- ** Main** -->
    <div id="main">
    
        <!-- **Container** -->
        <div class="container">
        
            <!-- **Content Full Width** -->
            <div class="content content-full-width">
            
                <h1 class="with-subtitle"> Contact Page </h1>
                <h6 class="subtitle">  Page subtitle goes here </h6>
                
                <p class="contact-info"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer velit enim, consequat pellentesque pellentesque ac, rutrum sed enim. Pellentesque interdum pharetra urna,
                vitae dapibus metus vulputate sed. </p>
                
                <div class="column one-half">
                    <h3> Send us an Email </h3>
                        <div class="ajax_message"></div>
                        <form class="sendmail" action="php/sendmail.php" method="get">
                            <p>
                                <label> Your Name <span class="required"> * </span> </label>
                                <input name="name" type="text" />
                            </p>
                            <p>
                                <label> Your Email <span class="required"> * </span> </label>
                                <input name="email" type="text" />
                            </p>
                            <p>
                                <label> Subject </label>
                                <input name="subject" type="text" />
                            </p>
                            <p>
                                <label> Your Message </label>
                                <textarea name="message" cols="" rows=""></textarea>
                            </p>
                            <p><input name="submit" type="submit" value="Send Message" class="button small grey" /></p>
                    </form>
                    <div class="error-container" style="display:none;"> Please fill the above required fields! </div>
                </div>
                
                <div class="column one-half last">
                    <h3> Find our Location </h3>
                    <iframe width="500" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/?ie=UTF8&amp;t=m&amp;ll=-37.823006,144.977388&amp;spn=0.02034,0.042915&amp;z=14&amp;output=embed"></iframe>
                    <div class="main-contact-details">
                    	<ul class="contact-details">
                        	<li> <span class="address"> </span> <p> Armistice Building <br /> Kuningan Raya Street <br /> Jakarta, JKT 1220 <br /> PO BOX 1234 </p> </li>
                        	<li> <span class="mail"> </span> <p> <a title="" href=""> designthemes@somemail.com </a> </p> </li>
                            <li> <span class="phone"> </span> <p> 2145 - 007 - 1566 </p> </li>
                            <li> <span class="skype"> </span> <p> designthemes </p> </li>
                    	</ul>        
                    </div>
                </div>
                
            
            </div> <!-- **Content Full Width - End** -->   	
            
        </div><!-- **Container - End** -->
    </div><!-- **Main - End**-->